<!-- File: /app/View/Admin/home.ctp -->

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="img/proyectos/Proyecto1/1.jpg" alt="Proyecto 1">
            <div class="carousel-caption">
                <h3>Proyecto 1</h3>
            </div>
        </div>
        <div class="item">
            <img src="img/proyectos/Proyecto2/2.jpg" alt="Proyecto 2">
            <div class="carousel-caption">
                <h3>Proyecto 2</h3>
            </div>
        </div>
        <div class="item">
            <img src="img/proyectos/Proyecto3/3.jpg" alt="Proyecto 3">
            <div class="carousel-caption">
                <h3>Proyecto 3</h3>
            </div>
        </div>
        <div class="item">
            <img src="img/proyectos/Proyecto4/4.jpg" alt="Proyecto 4">
            <div class="carousel-caption">
                <h3>Proyecto 4</h3>
            </div>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
<div class="container-fluid">
    <div class="col-md-8"> 
        <h3>Proyecto 1</h3>
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet neque sed pulvinar euismod. Duis ipsum purus, venenatis vitae turpis a, consectetur bibendum dolor. Suspendisse ultricies pretium nisl vel sagittis. Mauris venenatis nulla at purus congue, at laoreet erat dictum. Fusce varius viverra neque, feugiat feugiat justo iaculis non. Suspendisse vel tempor augue. Ut ac gravida purus. Aenean sed erat pharetra neque luctus faucibus in et eros. Nunc feugiat lobortis condimentum. Duis ullamcorper turpis sapien, a interdum diam eleifend nec.</p>
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet neque sed pulvinar euismod. Duis ipsum purus, venenatis vitae turpis a, consectetur bibendum dolor. Suspendisse ultricies pretium nisl vel sagittis. Mauris venenatis nulla at purus congue, at laoreet erat dictum. Fusce varius viverra neque, feugiat feugiat justo iaculis non. Suspendisse vel tempor augue. Ut ac gravida purus. Aenean sed erat pharetra neque luctus faucibus in et eros. Nunc feugiat lobortis condimentum. Duis ullamcorper turpis sapien, a interdum diam eleifend nec.</p>
        <blockquote class="blockquote-reverse">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
            <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
        </blockquote>   
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet neque sed pulvinar euismod. Duis ipsum purus, venenatis vitae turpis a, consectetur bibendum dolor. Suspendisse ultricies pretium nisl vel sagittis. Mauris venenatis nulla at purus congue, at laoreet erat dictum. Fusce varius viverra neque, feugiat feugiat justo iaculis non. Suspendisse vel tempor augue. Ut ac gravida purus. Aenean sed erat pharetra neque luctus faucibus in et eros. Nunc feugiat lobortis condimentum. Duis ullamcorper turpis sapien, a interdum diam eleifend nec.</p>
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet neque sed pulvinar euismod. Duis ipsum purus, venenatis vitae turpis a, consectetur bibendum dolor. Suspendisse ultricies pretium nisl vel sagittis. Mauris venenatis nulla at purus congue, at laoreet erat dictum. Fusce varius viverra neque, feugiat feugiat justo iaculis non. Suspendisse vel tempor augue. Ut ac gravida purus. Aenean sed erat pharetra neque luctus faucibus in et eros. Nunc feugiat lobortis condimentum. Duis ullamcorper turpis sapien, a interdum diam eleifend nec.</p>
        <address>
            <strong>Twitter, Inc.</strong><br>
            795 Folsom Ave, Suite 600<br>
            San Francisco, CA 94107<br>
            <abbr title="Phone">P:</abbr> (123) 456-7890
        </address>
    </div>
    <div class="col-md-4">
        <div class="thumbnail">
            <img class="img-rounded" src="img/proyectos/Proyecto1/p11.JPG" alt="Imágenes Proyecto 1" />
            <div class="caption">
                <h3>Imágenes</h3>
                <p>Galería de Imágenes del proyecto</p>
                <p><a href="#" class="btn btn-primary" role="button">Ver</a></p>
            </div>
        </div>
        <div class="thumbnail">
           <div class="caption">
                <dl class="dl-horizontal">
                    <dt>Fecha</dt><dd>5 de Junio 2012</dd>
                    <dt>Lugar</dt><dd>Trujillo, Perú</dd>
                    <dt>Tiempo de realización</dt><dd>1 año y 2 meses</dd>
                </dl>
                <h3>Detalles</h3>
                <p>Detalles del proyecto</p>
                <p><a href="#" class="btn btn-primary" role="button">Ver</a></p>
            </div>
        </div>
    </div>
</div> 